<template>
  <div style="margin:0px;padding:0px;overflow:hidden">
    <iframe id="fullScreen" name="frame3d" frameborder="0" width="100%" scrolling="auto"
            height="100%" :src="path" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0"></iframe>
  </div>
</template>
<script>

  import { welUrl } from "@/config/env"

  export default {
    name:"Wel",
    data: function () {
      return {
        path: welUrl,
      }
    },
    mounted(){
      this.showFullScreen();
    },
    methods:{
      showFullScreen(){
        var elm = $("#fullScreen");
        this.launchFullscreen(elm);
      },
      launchFullscreen(element) {
        if (element.requestFullscreen) {
          element.requestFullscreen();
        } else if (element.mozRequestFullScreen) {
          element.mozRequestFullScreen();
        } else if (element.msRequestFullscreen) {
          element.msRequestFullscreen();//ie浏览器
        } else if (element.webkitRequestFullscreen) {
          element.webkitRequestFullScreen();//谷歌浏览器
        }
      }
    }
  }
</script>
<style lang="less" scoped>
</style>
